THUMBS_DOWN to THUMBS_UP
GitHubで 👎 を 👍にrotateして見せたいというCSSのお題
https://twitter.com/shokai/status/1129263214791815168
https://twitter.com/progfay/status/1129360568463179777
/shokai/GitHubのthumbdownをthumbupにするCSS
以下、CSSの提案
ボタンとテキストに対応
code:css
g-emoji[fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44e.png"] {
transform: scaleY(-1);
}
https://gyazo.com/2ae684283627fcc9261f6ab1cf8dd83a
ボタンのみに対応
code:css
buttonvalue^="THUMBS_DOWN" > g-emoji {
transform: scaleY(-1);
}
https://gyazo.com/01fe0d266d5cf8ed5ba2d50ccf9903dd
/shokai/GitHubのthumbdownをthumbupにするCSS#5cdf8afb97c2910000280d17
display: inline-block;を明示しないと動かないらしい
僕の環境では動いていたのは謎